<template>
    <div class="box">
        <div class="tit"><span>票面价</span>是指通过景区指定窗口售卖的纸质门票上标注的价格</div>
        <div class="foot">
            <div class="option1">
                <span>机票</span>
                <span>酒店</span>
                <span>公寓</span>
                <span class="left"></span>
                <span>更多</span>
            </div>
            <div class="option2">
                <a href="">登录</a>
                <a href="">我的订单</a>
                <a href="">最近浏览</a>
                <a href="">关于我们</a>
            </div>
            <div class="line"><span></span></div>
            <div class="option3"><span class="t1">触屏版</span><span class="t2">电脑版</span></div>
            <div class="footer">Qunar 京ICP备05021087意见反馈</div>
        </div>
    </div>
</template>
<script></script>
<style lang="stylus" scoped>
   .box {
       margin 5px 0 5px 0
   }
   .box .tit{
       width 100%
       background-color #ffffff
       margin 5px 0 5px 0
   }
   .box .tit span{
       font-weight 800
   }
   .foot{
       width 100%
       height 120px
       background-color #F3F3F3
       margin: 10px 0 10px 0
   }
   .foot .option1 .left{
       border-right 1px solid #ccc
       margin 0 3px 0 3px
   }
    .foot .option1{
        margin 10px 0 10px 0
    }
   .foot .option1 span{
       margin 10px 5px  10px  5px
       color: #ccc; 
   }
   .foot .option2 a{
       margin 10px 5px 10px 5px 
   }
   .foot .option2{
       margin 10px 0
   }
   .foot .line{
       width 100%
       height 1px
       background-color #666
       margin 10px 0
   }
   .foot .option3{
       width 100%
       display flex
       justify-content center
       margin 15px 0 15px 0
   }
   .foot .option3 span{
       display inline-block
       width 20%
   }
   .foot .option3 .t2{
       color #25A4BB
   }
</style>